$(function () {
    $("#loginBox a").on('click', function () {

        $('#regBox').show()
        $("#loginBox").hide()

    })

    $("#regBox a").on('click', function () {

        $('#loginBox').show()
        $("#regBox").hide()


    })

    // 校验
    let form = layui.form
    form.verify({
        username: [
            /^[\S]{1,10}$/
            , '用户名必须6到12位，且不能出现空格'
        ],

        //我们既支持上述函数式的方式，也支持下述数组的形式
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        pass: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ],
        repass: function (value) {
            let pwd = $('#regBox input[name=password]').val()
            if (pwd !== value) {
                return "两次密码输入不一致"
            }


        }
    });


    // 注册功能
    let layer = layui.layer
    $("#formReg").on('submit', function (e) {
        e.preventDefault()

        axios({
            method: "POST",
            url: '/api/reguser',
            data: $(this).serialize()
        }).then(res => {
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('恭喜,注册成功')
            $('#regBox a').click()
            $('#formReg')[0].reset()
        })
    })


    $('#formLogin').on('submit', function (e) {
        e.preventDefault()

        axios({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize()
        }).then(res => {
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('恭喜,登录成功')
            localStorage.setItem('token', res.data.token)
            location.href = '/index.html'




        })






    })





})